@section('custom_script')
    <script type="text/javascript">
        jQuery(document).ready(function(){
            /**
             * Global variable
             */
            var tglawal;
            var tglakhir;
            var tahunajaranid;
            var arus;
            var biayaid;
            /**
             * set select for filter to not selected & disable it
             */
            jQuery('#selectArus, #selectBiaya').val([]);
            jQuery('#selectArus, #selectBiaya').attr('disabled','disabled');
            /**
             * Hide tabel rekapitulasi
             */
            jQuery('#tabelrekapitulasi').hide();
            /**
             * select active tahun ajaran
             */
            jQuery('#selectTahun option:selected').css('background-color','green');
            jQuery('#selectTahun option:selected').css('color','white');
            /**
             * buttonTampil click event
             */
            jQuery('#buttonTampil').click(function(){
                //hide form tabel rekap
                jQuery('#tabelrekapitulasi').hide();
               //cek tanggal kosong
               tglawal = jQuery('#textTanggal').attr('value');
               tglakhir = jQuery('#textTanggalAkhir').attr('value');
               tahunajaranid = jQuery('#selectTahun').attr('value');
               
               if (tglawal == '' || tglakhir == '' || tahunajaranid == ''){
                   showMessage('PERINGATAN','Lengkapi data yang masih kosong.');
               }else if(Date.parse(tglakhir) < Date.parse(tglawal)){
                   showMessage('PERINGATAN','Data tanggal tidak valid.');
               }else{
                   //tampilkan table rekap
                    jQuery.ajaxSetup ({cache: false});
                    var loadUrl = "{{ URL::to('rekap/transaksi/ajaxtabelrekap') }}" + "/" + tahunajaranid + "/" + tglawal + "/" + tglakhir;
                    
                    //tampilkan tabel rekapitulasi
                    jQuery('#formTabelRekap').load(loadUrl,function(){
                        //format rupiah
                        formatToRupiah();
                    });
                    jQuery('#tabelrekapitulasi').show();
                    
               }
            });
            /**
             * Fungsi format rupiah untuk class uang 
             */
             function formatToRupiah(){
                jQuery('.uang').each(function(){
                    var uang = jQuery(this).text();
                    uang = jQuery.trim(uang);
                    uang = formatRupiahVal(uang);
                    uang  = uang.replace('Rp. ','');
                    uang  = uang.replace('(','- ');
                    uang  = uang.replace(')','');
                    jQuery(this).text(uang);
                });
             }
             /**
              * RadioOption selected event 
              */
             jQuery('input[name=radioOption]').change(function(){
                if (jQuery('#tabelrekapitulasi').is(':visible')){
                    //process filter
                    var radioid = jQuery(this).attr('id');
                    
                    if(radioid == 'radioJenisArus'){
                        //tampilkan selectArus
                        jQuery('#selectArus').removeAttr('disabled');
                        //sembunyikan selectBiaya
                        jQuery('#selectBiaya').val([]);
                        jQuery('#selectBiaya').attr('disabled','disabled');
                    }else if(radioid == 'radioJenisBiaya'){
                        //tampilkan selectBiaya
                        jQuery('#selectBiaya').removeAttr('disabled');
                        //sembunyikan selectArus
                        jQuery('#selectArus').val([]);
                        jQuery('#selectArus').attr('disabled','disabled');
                    }
                }
             });
             /**
              * ButtonFilter click event
              */
             jQuery('#buttonFilter').click(function(){
                 //empty dulu tabel yang sebelumnya
                 jQuery('#formTabelRekap').empty();
                if (jQuery('#tabelrekapitulasi').is(':visible')){
                    if (jQuery('#radioJenisArus').is(':checked') || jQuery('#radioJenisBiaya').is(':checked')){
                        //hidden tabel rekap terlebih dahulu
                        jQuery('#tabelrekapitulasi').hide();
                        
                        if(jQuery('#radioJenisArus').is(':checked')){
                            //filter by arus
                            arus = jQuery('#selectArus').attr('value');
                            jQuery.ajaxSetup ({cache: false});
                            var loadUrl = "{{ URL::to('rekap/transaksi/ajaxtabelrekapfilterarus') }}" + "/" + tahunajaranid + "/" + tglawal + "/" + tglakhir + "/" + arus;
                            //tampilkan tabel rekapitulasi
                            jQuery('#formTabelRekap').load(loadUrl,function(){
                                //format rupiah
                                formatToRupiah();
                            });
                            jQuery('#tabelrekapitulasi').show();
                            //end filter by arus
                            
                        }else if(jQuery('#radioJenisBiaya').is(':checked')){
                            //filter by biaya                            
                            biayaid = jQuery('#selectBiaya').attr('value');
                            jQuery.ajaxSetup ({cache: false});
                            var loadUrl = "{{ URL::to('rekap/transaksi/ajaxtabelrekapfilterbiaya') }}" + "/" + tahunajaranid + "/" + tglawal + "/" + tglakhir + "/" + biayaid;
                            //tampilkan tabel rekapitulasi
                            jQuery('#formTabelRekap').load(loadUrl,function(){
                                //format rupiah
                                formatToRupiah();
                            });
                            jQuery('#tabelrekapitulasi').show();
                            
                            //end of filter by biaya
                        }
                    }else{
                        showMessage('PERINGATAN','Pilih jenis filter');
                    }                     
                }
                
             });
             /**
              * buttonClear event click 
              */
              jQuery('#buttonClear').click(function(){
                    //unselected radioOption
                    jQuery('#radioJenisArus').removeAttr('checked');
                    jQuery('#radioJenisBiaya').removeAttr('checked');
                    //disabled & set to not selected selectArus & selectBiaya
                    jQuery('#selectArus, #selectBiaya').val([]);
                    jQuery('#selectArus, #selectBiaya').attr('disabled','disabled');
                    //clear filter dengan click tombol tampilkan/menampilkan ulang tabeltransaksi
                    jQuery('#buttonTampil').click();
              })
              /**
              * buttonPrint event clicked
              */
             jQuery('.buttonPrint').click(function(){
                if(jQuery('#radioJenisArus').is(':checked') || jQuery('#radioJenisBiaya').is(':checked')){
                    if(jQuery('#radioJenisArus').is(':checked')){
                        //cetak dengan filter arus
                        jQuery(this).attr('href',"{{URL::to('rekap/transaksi/printtopdffilterarus')}}"+"/"+tahunajaranid+"/"+tglawal+"/"+tglakhir+"/"+arus);
                        //redirect
                        window.location.href = jQuery(this).attr('href');
                    }else if(jQuery('#radioJenisBiaya').is(':checked')){
                        //cetak dengan filter biaya
                        var url = "{{URL::to('rekap/transaksi/printtopdffilterbiaya')}}"+"/"+tahunajaranid+"/"+tglawal+"/"+tglakhir+"/"+biayaid;
                        jQuery(this).attr('href',url);
                        //redirect
                        window.location.href = jQuery(this).attr('href');
                    }
                }else{
                    //cetak tanpa filter
                        jQuery(this).attr('href',"{{URL::to('rekap/transaksi/printtopdf')}}"+"/"+tahunajaranid+"/"+tglawal+"/"+tglakhir);
                        //redirect
                        window.location.href = jQuery(this).attr('href');
                }
                
                return false;
             });
             
             
        });
    </script>
@endsection

@section('custom_style')
    <style type="text/css">
        table td{
            vertical-align: top;
            padding: 5px;
        }
        table td input{
            vertical-align: middle!important;
        }
        
        table.table tbody tr td{
            vertical-align: middle;
        }
    </style>
@endsection


                        <div>
				<ul class="breadcrumb">
					<li>
						<a href="{{ URL::to('home') }}">Dashboard</a> <span class="divider">/</span>
					</li>
					<li>
						<a href="#">Rekapitulasi Transaksi</a>
					</li>
				</ul>
			</div>

                        <div class="row-fluid sortable ui-sortable">
                            <div class="box span12">
                                <div class="box-header well" data-original-title="">
                                    <h2><i class="icon-th"></i> Rekapitulasi Transaksi</h2>
                                    <div class="box-icon">
                                        <!--<a href="#" class="btn btn-minimize"><i class="icon icon-darkgray icon-help"></i></a>-->
                                    </div>
                                </div>
                                <div class="box-content">
                                    <div class="box span6">
                                        <div class="box-content">
                                            <fieldset>
                                                <legend>Input kriteria </legend>
                                                <table>
                                                    <tbody>
                                                        <tr>
                                                            <td>Tahun Ajaran</td>
                                                            <td>{{ \Laravel\Form::select('tahunajaran', $tahunajaranselect,(isset($tahunaktif) ? $tahunaktif->id : null),array('id'=>'selectTahun','style'=>'width:125px;')) }}</td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Tanggal</td>
                                                            <td>{{ \Laravel\Form::text('tanggal',null,array('id'=>'textTanggal','class'=>'datepicker input-medium','placeholder'=>'tanggal awal')) }}</td>
                                                            <td>{{ \Laravel\Form::text('tanggalAKhir',null,array('id'=>'textTanggalAkhir','class'=>'datepicker input-medium','placeholder'=>'tanggal akhir')) }}</td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td></td>
                                                            <td><button class="btn btn-primary" id="buttonTampil" >Tampilkan</button></td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </fieldset>
                                        </div>
                                    </div>
                                    <div class="box span6" >
                                        <div class="box-content">
                                            <fieldset class="">
                                                <legend>Filter </legend>
                                                <table>
                                                    <tbody>
                                                        <tr>
                                                            <td>{{ \Laravel\Form::radio('radioOption', 'jenisarus', false, array('id'=>'radioJenisArus')) }} &nbsp;Per Jenis Arus</td>
                                                            <td>{{ Form::select('selectArus',array('M'=>'Masuk','K'=>'Keluar'),null,array('id'=>'selectArus')) }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td>{{ \Laravel\Form::radio('radioOption', 'jenisbiaya', false, array('id'=>'radioJenisBiaya')) }} &nbsp;Per Jenis Biaya</td>
                                                            <td>{{ Form::select('selectBiaya',$biayaselect,null,array('id'=>'selectBiaya')) }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td></td>
                                                            <td>
                                                                <button class="btn btn-primary" id="buttonFilter" >Filter</button>
                                                                <button class="btn" id="buttonClear" >Clear</button>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                    
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                            </div><!--/span-->
                        </div>

                        <div class="row-fluid sortable ui-sortable" id="tabelrekapitulasi">
                            <div class="box span12">
                                <div class="box-header well" data-original-title="">
                                    <h2><i class="icon-th"></i> Tabel Rekapitulasi</h2>
                                    <div class="box-icon">
                                        <a href="#" class="btn buttonPrint"><i class="icon-print"></i></a>
                                    </div>
                                </div>
                                <div class="box-content">
                                    <div id="formTabelRekap"></div>
                                </div>
                            </div><!--/span-->
                        </div>
